<template>
  <footer class="xey-footer">
    <el-row :gutter="20">
      <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="16">
        <div class="grid-content bg-purple">
          <div class="footer-content">
            <el-row >
              <el-col :span="12"
                ><div class="grid-content bg-purple line">
                  <!-- 版权信息 -->
                  <div class="xey-copyright">
                    <div class="container">
                      <p>
                        <a href="#">首页</a> | <a href="#">走进小鳄鱼</a> |
                        <a href="#">新闻中心</a> | <a href="#">投资者关系</a> |
                        <a href="#">小鳄鱼产品</a> | <a href="#">小鳄鱼物业</a>
                      </p>
                      <p><i class="icon-24gl-phone24h"></i>：<i>010-123456</i></p>
                      <p><i class="icon-tengxun"></i>：<i>010-123456</i></p>
                      <p>地址：广州市天河区珠吉路58号津安创意园</p>
                    </div>
                  </div>
                </div></el-col
              >
              <el-col :span="12" >
                <div class="footer-rigth">
                  <el-col :span="8" align="middle" 
                    ><a href="#"><i class="icon-weixin"></i><p>官方微信</p></a
                  ></el-col>
                  <el-col :span="8" align="middle" 
                    ><a href="#"><i class="icon-89"></i><p>官方微博</p></a
                  ></el-col>
                  <el-col :span="8" align="middle" 
                    ><a href="#"><i class="icon-tengxunweibo"></i><p>官方直播</p></a
                  ></el-col>
                </div>
              </el-col>
            </el-row>
          </div>
        </div>
      </el-col>
      <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
    </el-row>
  </footer>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
@import "../style/bottomBar.scss";
@import "../style/base.scss";
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.line {
  border-right: 3px solid #fff;
}
.grid-content {
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
